<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/index.css" />
	<link rel="stylesheet" href="./css/order.css" />
</head>
<body>
	 


     <!-- 顶部区域 -->

   <div id="top">
        
      <div class="top_top">
        <!-- 顶部区域左侧 -->
            <div class="top_city">
               <span class="l-city">切换城市：</span>
               <a href="" class="r-city">北京</a>
            </div>

             <div class="collection">
                  <a href="" class="sanjiaoxing"></a>
                <a href="" class="shoucang">收藏海尔商品</a>
           </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
                     <p>嗨，欢迎来到海尔官方商城 请</p>
                   <a href="">登录</a>
               <li class="top_li_right">
                        <p>|</p>
                    <a href="" >免费注册</a><p> |</p>                        
                    <a href="" >我的订单</a><p> |</p>
                    <a href="" >服务中心</a><p> |</p>
                    <a href="" >互动社区</a><p> |</p>
                    <a href="" >海尔官网</a>
               </li>
             </ul>
      </div>
    </div>  

 <!-- 顶部灰色区域结束 -->


 <!-- 搜索区域 -->

  <div id="seek">
      <div class="seek_seek">

          <!-- 左边海尔商标 -->
          <div class="seek_left">
              <div class="left_haier"></div>
              <div class="left_brand">
                   <img src="./image/slogan.png" alt="" />
              </div>
          </div>
          
         
          <!-- 中间搜索区域 -->
          <div class="middle_seek">
                <!-- 搜索 -->
                <div class="_seek">

                  <form action="">
                    <input type="text" class="text" value="【全民爽购】" />
                    <input type="submit" value="" class="btn-search" />
                    <a href=""></a>
                  </form>

                </div>
              <!-- 底部 -->
              <div class="middle_bottom">
                <strong class="strong-title">热门搜索：</strong>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                  <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
              </div>
          </div>



      </div>
  </div>



 <!-- 导航条 -->

  <div id="strip">
    <div class="s_strip">

       <div class="classify">
         <a href="">商品分类</a>
       </div>


            <!-- 中间 -->
             <ul class="classify_content">

                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
                  <li class="li-mainnav">
                        <a href="">分类显示</a>
                </li>
                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
            </ul>


            <!-- 购物车 -->
            <div class="shopping">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>

             <!-- 隐藏区域内容 -->
             <div class="hide_shopping" style="display:none">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>

    </div>
  </div>



<!-- 导航下面 -->


 <div id="order">

 	<div id="der-ger">


   <!-- 所属位置 -->
 		<div class="top-tion">
 			您当前的位置：
 			<a href="">首页</a> >
 			<a href="">冰箱</a> >
 			<span>BC-50ES</span>
 		</div>


     <!-- 放大镜订购 -->
 		<div class="ger-glass">
 		     <!-- 左边 -->
 			  <div class="ger-glass-l">
 			  	  <div class="top-glass"></div>
     			  	  <!-- 下边图 -->
     			  	  <div class="b-glass">
     			  	  	  <div class="zhong-glass">
     			  	  	  	 <ul></ul>
     			  	  	  </div>
     			  	  	  <b class="le-b"></b>
     			  	  	  <b class="ri-b"></b>
     			  	  </div>


 			 
 			      </div>










             <!-- 右边 -->
 			  <div class="ger-glass-r">
 			  	  <h1 class="r-top-title">
 			  	      <span class="c1">海尔冰箱 BC-50ES</span>
 			  	      <span>hot</span>
 			  	  </h1>
 			  	  <h2 class="r-top-title2">小身材大智慧】活动时间：7月1日09：30-7月7日24：00，活动价仅需649元，数量有限，速来抢购
 			  	  </h2>
 			  	  <h2 class="r-top-title3">50升单门冷藏冰箱，迷你型外观，精巧占地小，单身贵族好伴侣；一级能耗，三天不到一度电；超微孔发泡，保温更极致；折U箱体，一体成型，密封冷气；HIPS高光抗菌内胆，新鲜去异味。
 			  	  </h2>


	 			  <ul class="r-top-ul">
	 			  	  <li>
	 			  	      <span class="s-span">商 城 价：</span>
	 			  	      <span class="shangjia">￥649</span>
	 			  	  </li>
	 			  	  <li>
	 			  	      <span class="s-span">已 售 出：</span>
	 			  	      <span class="shouchu">4777 </span>台
	 			  	  </li>
	 			  	  <li>
	 			  	      <span class="s-span">客户评价：</span>
						  <span >
							     <em id="commentStar" class="em-star-5">抽刀断水</em>
							     <strong id="tAvg" class="haierred"> 5 </strong>
							          (
							     <strong class="comm-count">
										共有
										<b id="Count" class="haierred">337</b>
										条评价
								</strong>
										)
							</span>	 			  	
					  </li>
	 			  	  <li>
	 			  	      <span class="s-span">服务承诺：</span>
	 			  	      <span>送货上门，送装同步</span>
	 			  	  </li>
	 			  </ul>
                 
                 <!-- 购买 -->
                 <div class="delivery">
                 	  <p class="delivery-p1">
                 	  	 <span class="s-tile">配送至：</span>
                 	  	 <span> （请选择配送区域）</span>
                 	  </p>

                 	  <p class="delivery-p1">
                 	  	  <span class="s-tile">我要买：</span>

                 	  	  <span class="s-pro-num">
                 	  	      <a href="javascript:;" class="a-sub">-</a>
                 	  	  	  <input type="text" value="1" class="te"/>
                 	  	  	  <a href="javascript:;" class="a-add">+</a>
                 	  	  </span>
                 	  </p>

                 	  <p class="delivery-p2">
                 	  	 <a href="" class="a-g">立即购买</a>
                 	  	 <a href="" class="a-w">加入购物车</a>
                 	  </p>

                 	  <p class="z-p">海尔商城作为全国首批电子发票试点网上商城，于2014年3月31日起全面推行电子发票</p>
                      


                 </div>


            <!-- 分享 -->
                      <p class="share">
                      	   <span>分享
                                <a href="">dds</a>
                                <a href="">xsa</a>
                                <a href=""></a>
                                <a href=""></a>
                                <a href=""></a>
                                <a href=""></a>
                      	   </span>
                      	   <span class="coll" ><a href="">收藏此产品</a></span>
                      </p>

 			  </div>

 		</div>


   

 <!-- 下边内容 -->
  <div class="introduction">
      <!-- 左边 -->
       <div class="l-introduction">
         <!-- 您可能喜欢 -->
            <div class="l-like">
               您可能喜欢
            </div>
            <ul class="ul-1">
                <li class="li-1">
                     <a href="" class="a11"><img src="./image/013.png" alt="" /></a>
                     <h3 class="a2"><a href="">海尔波轮洗衣机 XQB60-728E</a></h3>
                     <h4>￥1049</h4>
                </li>
                <li class="li-1">
                     <a href="" class="a11"><img src="./image/013.png" alt="" /></a>
                     <h3 class="a2"><a href="">海尔波轮洗衣机 XQB60-728E</a></h3>
                     <h4>￥1049</h4>
                </li>
                <li class="li-1">
                     <a href="" class="a11"><img src="./image/013.png" alt="" /></a>
                     <h3 class="a2"><a href="">海尔波轮洗衣机 XQB60-728E</a></h3>
                     <h4>￥1049</h4>
                </li>
                <li class="li-1">
                     <a href="" class="a11"><img src="./image/013.png" alt="" /></a>
                     <h3 class="a2"><a href="">海尔波轮洗衣机 XQB60-728E</a></h3>
                     <h4>￥1049</h4>
                </li>
                <li class="li-1">
                     <a href="" class="a11"><img src="./image/013.png" alt="" /></a>
                     <h3 class="a2"><a href="">海尔波轮洗衣机 XQB60-728E</a></h3>
                     <h4>￥1049</h4>
                </li>
                <li class="li-1">
                     <a href="" class="a11"><img src="./image/013.png" alt="" /></a>
                     <h3 class="a2"><a href="">海尔波轮洗衣机 XQB60-728E</a></h3>
                     <h4>￥1049</h4>
                </li>

            </ul>
       </div>





       <!-- 右边 -->
       <div class="r-introduction">
         <!-- 上部分 -->
            <div class="top-d1">
                <ul class="top-ul">
                    <li class="li1"><a href="">商品介绍</a></li>
                    <li class="li2"><a href="">评价</a></li>
                </ul>
            </div>
            

            <ul class="ul3">
                <li>特色：全场免运费、送货上门、送装同步</li>
                <li>区域：覆盖2576个地区（至乡镇村，不含港澳台）</li>
                <li>配送：海尔物流及快递 </li>
                <li>售后：全国联保，七天退换</li>
            </ul>
            
            <div class="img-i">

                <img src="./image/013.jpg" alt="" />
                <img src="./image/014.jpg" alt="" />
                <img src="./image/015.jpg" alt="" />

            </div>
       </div>
  </div>



 	</div>


</div>




  <!-- 底部 -->

   <div id="at-the-bottom-of-the">
      <div class="at-the-bottom">
           购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
      </div>
   </div>

   <div id="at-the-bottom-of-the">
      <div class="the-bottom">
           网站备案/许可证号：鲁ICP备09096283号
      </div>
   </div>
  <div id="at-the-bottom-of-the">
      <div class="bottom">
          Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
      </div>
   </div>





</body>
</html>